<!--病人列表tabs-->
<script setup lang="ts">

import PatientTable from "@/views/doctorStation/component/patient/patientTable/index.vue";

defineOptions({
  name: 'PatientTabs'
})

const tabs = reactive([
  {
    label: '就诊(3人)',
    name: 'consultation'
  },
  {
    label: '候诊(7人)',
    name: 'waiting'
  },
  {
    label: '转诊(0人)',
    name: 'referral'
  },
  {
    label: '已诊(5人)',
    name: 'diagnosed'
  }
])

const activeName = ref('consultation')

</script>

<template>
  <div class="patientTabs height-100 flex flex-column">
<!--    <div class="title mb15">病人列表</div>-->
    <el-tabs class="flex-1 min-height-0 flex flex-column" type="border-card" stretch v-model="activeName">
      <el-tab-pane class="height-100" v-for="item in tabs" :key="item.name" :label="item.label" :name="item.name">
          <patient-table :show="item.name"></patient-table>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<style scoped lang="scss">

</style>
